function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}


$(function(){

    // 打开登录框
    $('.comment_form_logout').click(function () {
        $('.login_form_con').show();
    })

    // 收藏
    $(".collection").click(function () {
        var news_id = $(".collection").attr('data-newid');
        var action = "collect"
        var params = {
            "news_id" : news_id,
            "action" : action
        }
        $.ajax({
            url:"/news/news_collect",
            type:"post",
            contentType:"application/json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },
            data:JSON.stringify(params),
            success:function(resp){
                if (resp.errno =="0"){
                    //收藏成功
                    //隐藏收藏按钮
                    $(".collection").hide();
                    //显示取消收藏按钮
                    $(".collected").show();
                    //或者是4101错　用户未登录　那么显示登录框
                }else if (resp.errno == '4101'){
                    $('.login_form_con').show
                }else{
                    alert(resp.errmsg)
                }
            }

        })

       
    })

    // 取消收藏
    $(".collected").click(function () {
        var news_id = $(".collected").attr('data-newid');
        var action = "cancel_collect"
        var params ={
            "news_id" : news_id,
            "action" :action
        }
        $.ajax({
            url:"/news/news_collect",
            type:'post',
            contentType:"application/json",
            headers:{
                "X-CSRFToken":getCookie("csrf-token")
            },
            data: JSON.stringify(params),
            success:function(resp){
                if (resp.errno =='0'){
                    //取消收藏成功
                    //显示收藏按钮
                    $('.collection').show();
                    //隐藏取消收藏按钮
                    $('.collected').hide();
                }else if (resp.errno == '4101'){
                    $('.login_form_con').show();
                }else{
                    alert(resp.errmsg)
                }
            }


        })
     
    })

        // 评论提交
    $(".comment_sub").click(function (e) {
        var news_id = $(this).attr('data-newid')
        //新闻评论
        var news_comment = $(".comment_input").val();

        if (!news_comment){
            alert("请输入评论内容")
            return
        }
        var params = {
            "news_id" : news_id,
            "comment" : news_comment,
        }

        $.ajax({
            url:"/news/news_comment",
            type : "post",
            contentType : "application/json",
            headers:{
                "X-CSRFToken" : getCookie("csrf_token")
            },
            data : JSON.stringify(params),
            success : function(data){
                if (data.errno == "0"){
                    var comment = data.data
                    //拼接内容
                    var comment_html =''
                     comment_html += '<div class="comment_list">'
                    comment_html += '<div class="person_pic fl">'
                    if (comment.user.avatar_url) {
                        comment_html += '<img src="' + comment.user.avatar_url + '" alt="用户图标">'
                    } else {
                        comment_html += '<img src="../../static/news/images/person01.png" alt="用户图标">'
                    }
                    comment_html += '</div>'
                    comment_html += '<div class="user_name fl">' + comment.user.nick_name + '</div>'
                    comment_html += '<div class="comment_text fl">'
                    comment_html += comment.content
                    comment_html += '</div>'
                    comment_html += '<div class="comment_time fl">' + comment.create_time + '</div>'

                    comment_html += '<a href="javascript:;" class="comment_up fr" data-commentid="' + comment.id + '" data-newsid="' + comment.news_id + '">赞</a>'
                    comment_html += '<a href="javascript:;" class="comment_reply fr">回复</a>'
                    comment_html += '<form class="reply_form fl">'
                    comment_html += '<textarea class="reply_input"></textarea>'
                    comment_html += '<input type="button" value="回复" class="reply_sub fr" data-commentid="' + comment.id + '" data-newsid="' + news_id + '">'
                    comment_html += '<input type="reset" name="" value="取消" class="reply_cancel fr">'
                    comment_html += '</form>'

                    comment_html += '</div>'
                    // 拼接到内容的前面
                    $(".comment_list_con").prepend(comment_html)
                    // 让comment_sub 失去焦点
                    $('.comment_sub').blur();
                    // 清空输入框内容
                    $(".comment_input").val("")
                } else {
                    alert(data.errmsg)
                }
            }

        })

    })

    $('.comment_list_con').delegate('a,input','click',function(){

        var sHandler = $(this).prop('class');

        if(sHandler.indexOf('comment_reply')>=0)
        {
            $(this).next().toggle();
        }

        if(sHandler.indexOf('reply_cancel')>=0)
        {
            $(this).parent().toggle();
        }

        if(sHandler.indexOf('comment_up')>=0)
        {
            var $this = $(this);
            //添加变量标示是点赞还是取消
            var action = "add";
            if(sHandler.indexOf('has_comment_up')>=0)
            {
                // 如果当前该评论已经是点赞状态，再次点击会进行到此代码块内，代表要取消点赞
                action = "remove"
            }
            //获取评论id
            var comment.id = $(this).attr("data-commentid")
            //获取新闻id
            var news_id = $(this).attr("data-newsid")

            var params = {
                "comment_id" : comment_id,
                "action" :action,
                "news_id":news_id
            }

            $.ajax({
                url:"/news/comment_like".
                type :"post",
                contentType:"application/json",
                headers:{
                    "X-CSRFToken" : getCookie('csrf_token')
                },
                data:JSON.stringify(params),
                success:function(data){
                    if(data.errno == "0"){
                        //更新点赞按钮图标
                        if (action == "add"){
                            //代表是点赞
                            $this.addClass("has_comment_up")
                        }else {
                            $this.removeClass("has_comment_up")
                        }
                    }else if (data.errno == '4101'){
                            //显示登录框
                        $('.login_form_con').show();
                    }else {
                        alert(data.errmsg)
                    }
                }
            })

            else {
                $this.addClass('has_comment_up')
            }
        }

        if(sHandler.indexOf('reply_sub')>=0)
        {
            //alert('回复评论')
            $this = $(this)
            var news_id = $(this).attr("data-newsid")
            var parent_id = $(this).attr("data-commentid")
            var comment = $(this).prev().val()

            if (!comment){
                alert('请输入评论内容')
                return
            }
            var params = {
                'news_id' : news_id,
                "comment" : comment,
                "parent_id" : parent_id
            }

            $.ajax({
                url:"/news/news_comment",
                type:"post",
                contentType :"application/json",
                headers:{
                    "X-CSRFToken" : getCookie("csrf_token")
                },
                data:JSON.stringify(params),
                success:function(data){
                    if (data.errno == "0"){
                        var comment = data.data
                         // 拼接内容
                        var comment_html = ""
                        comment_html += '<div class="comment_list">'
                        comment_html += '<div class="person_pic fl">'
                        if (comment.user.avatar_url) {
                            comment_html += '<img src="' + comment.user.avatar_url + '" alt="用户图标">'
                        } else {
                            comment_html += '<img src="../../static/news/images/person01.png" alt="用户图标">'
                        }
                        comment_html += '</div>'
                        comment_html += '<div class="user_name fl">' + comment.user.nick_name + '</div>'
                        comment_html += '<div class="comment_text fl">'
                        comment_html += comment.content
                        comment_html += '</div>'
                        comment_html += '<div class="reply_text_con fl">'
                        comment_html += '<div class="user_name2">' + comment.parent.user.nick_name + '</div>'
                        comment_html += '<div class="reply_text">'
                        comment_html += comment.parent.content
                        comment_html += '</div>'
                        comment_html += '</div>'
                        comment_html += '<div class="comment_time fl">' + comment.create_time + '</div>'

                        comment_html += '<a href="javascript:;" class="comment_up fr" data-commentid="' + comment.id + '" data-newsid="' + comment.news_id + '">赞</a>'
                        comment_html += '<a href="javascript:;" class="comment_reply fr">回复</a>'
                        comment_html += '<form class="reply_form fl">'
                        comment_html += '<textarea class="reply_input"></textarea>'
                        comment_html += '<input type="button" value="回复" class="reply_sub fr" data-commentid="' + comment.id + '" data-newsid="' + news_id + '">'
                        comment_html += '<input type="reset" name="" value="取消" class="reply_cancel fr">'
                        comment_html += '</form>'
                        comment_html += '</div>'
                        //添加一条新的评论到标签里
                        $(".comment_list_con").prepend(comment_html)
                        //清空输入框
                        $this.prev().val('')
                        //关闭
                        $this.parent().hide()

                        //更新评论条数
                        updateCommentCount()
                    }else{
                        alert(data.errmsg)
                    }
                }

            })
        }
    })
    //添加更新评论条数函数
    function updateCommentCount(){
        var length = $(".comment_list").length
        $(".comment_count").html(length + "条评论")
        $(".comment").html(length)
    }

        // 关注当前新闻作者
    $(".focus").click(function () {

    })

    // 取消关注当前新闻作者
    $(".focused").click(function () {

    })
})